<template>
  <div class="container">
    <div class="chanpin">

      <div class="text text1">您的爱车每天载着您东奔西跑，在风吹日晒雨淋的环境下，部分零件可能会慢慢老化，为了您的安全，您可以向九银平台申请保养预约服务，为您的爱车进行一次专业全面的体检维护。</div>
      <img class="baoyang" src="../../../assets/Applet/baoyang.png" alt="">
      <div class="wire"></div>
      <div class="text text1">填写完整您的保养预约单，您可以选择上门或者亲自到店保养，如果您选择了上午服务，还请您填写准备的地址，以便我们的保养小组即时赶到您的爱车身边。</div>
      <img class="baoyang1" src="../../../assets/Applet/baoyang1.png" alt="">
      <div class="wire"></div>
      <div class="text text1">提交完成的保养预约单可以在服务页面的服务记录的列表中查看订单状态。您也可以在此单上点击“打电话”按钮，联系网点客服；点击“去这里”按钮，可以为您导航至您所选择的门店。</div>
      <img class="fuwu" src="../../../assets/Applet/fuwu.png" alt="">
      <img class="fuwjil" src="../../../assets/Applet/fuwjil.png" alt="">
    </div>
  </div>
</template>
<script>
import { Toast} from 'vant'
export default {
  components:{
    [Toast.name]:Toast
  },
  data(){
    return{

    }
  },
  mounted(){
    Toast.loading({duration:1000,mask: false,message: '加载中...'});

  },
  methods:{


  }
}
</script>

<style scoped lang="scss">
.container{
  width:100%;
  height:100%;
  text-align: left;
}
.title{
  padding-left:20px;
  font-size:17px;
  font-weight:500;
  line-height: 73px;
  color:#333;
}
.baoyang{
  width:322px;
  height:166px;
  margin-left:20px;
  margin-bottom:20px;
}
.text{
  padding:0 20px;
  font-size:13px;
  line-height: 23px;
  color:#666;
}
.text1{
  margin-top:20px;
  margin-bottom:20px;
}
.wire{
  width:100%;
  height:8px;
  background:#f3f3f3;
}
.baoyang1{
  width:323px;
  height:432px;
  margin-top:20px;
  margin-left:20px;
  margin-bottom:20px;
}
.fuwu{
  width:326px;
  height:165px;
  margin-top:20px;
  margin-left:20px;
  margin-bottom:20px;
}
.fuwjil{
  width:326px;
  height:560px;
  margin-top:20px;
  margin-left:20px;
  margin-bottom:20px;
}
</style>